<template>
  <a-layout-footer class="footer" :style="{ textAlign: 'center', backgroundColor: '#ffffff' }">
    <p class="copyright">© {{date}} will 原创项目</p>
  </a-layout-footer>
</template>

<script lang="ts" setup>
const date = new Date().getFullYear()
</script>

<style scoped>
.footer {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  text-align: center;
  padding: 20px;
  border-top: 1px solid rgba(102, 126, 234, 0.1);
}

.copyright {
  margin: 0;
  color: #666;
  font-size: 14px;
}
</style>
